<template>
  <div>
    <p style="font-size: 25px; text-align: center; color: #000">仓库管理</p>
    <table>
        <tr>
            <td>仓库名称</td>
            <td>{{item.title}}</td>
        </tr>
        <tr>
            <td>仓库管理员</td>
            <td>{{item.name}}</td>
        </tr>
        <tr>
            <td>仓库编号</td>
            <td>{{item.code}}</td>
        </tr>
        <tr>
            <td>仓库地址</td>
            <td>{{item.position}}</td>
        </tr>
        <tr>
            <td>排序号</td>
            <td>{{item.serial}}</td>
        </tr>
        <tr>
            <td>说明</td>
            <td>{{item.context}}</td>
        </tr>
        <tr>
            <td>操作时间</td>
            <td>{{item.date}}</td>
        </tr>
    </table>
  </div>
</template>
    
<script setup lang='ts'>
import { ref, reactive, onMounted, computed, watch } from "vue";
import { useRouter, RouterView, useRoute } from "vue-router";
import Axios from "axios";
const router = useRouter();
const route = useRoute();
const item = JSON.parse(localStorage.getItem('item'))
</script>
    
<style scoped>
table{
    width: 80%;
    border-collapse: collapse;
    margin: 0 10% 10% 10%;
}
tr td:nth-child(2){
    border: 1px solid #ccc;
    width: 70%;
    padding: 10px
}
tr td:nth-child(1){
    border: 1px solid #ccc;
    width: 30%;
    text-align: right;
    padding: 10px
}
</style>